.lottery-widget {
  width: 100%;
  background-size: cover;

  ul {
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    background-size: contain;
    background-repeat: no-repeat;
    // @include flex();
    // padding: 0.831rem 0.768rem 0.768rem 0.768rem;
    position: relative;
    z-index: 1; 

    li {
      // flex: 1;
      @include flex();
      overflow:hidden;
      position: relative;
    }

    li div {
      padding: 0.1rem;
      flex: 1;
      position: relative;

      &.active:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        background: rgba(255, 135, 46, 0.62); }
      }

    li div img{
      width: 100%;
      vertical-align: middle;
     }

  }

}